<?php
session_start();
include ("admin/classes/Pagina.php");
include ("admin/classes/Evento.php");
include ("admin/classes/Produto.php");
?>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="_recursos/css/estilo.css">
        <script type="text/javascript" src="_recursos/js/suporte.js"></script>
        <script type="text/javascript" src="_recursos/js/jquery-1.7.2.min.js"/></script>
    <script type="text/javascript" src="_recursos/js/imageScroller.js"/></script>

<link rel="stylesheet" type="text/css" href="_recursos/js/fancybox/jquery.fancybox-1.3.4.css">
<script type="text/javascript" src="_recursos/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="_recursos/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#left").imageScroller({speed: '10000', direction: 'left'});
    });
</script>
<title>Marina São Pedro</title>
</head>
<body>
    <div class="topo-fundo">
        <img onclick="showLogin()" class="admin" title="Administrador" src="_recursos/imagens/login.png"/>
        <img title="Início" onclick="redirecionar('index.php')" src="_recursos/imagens/topo-marina.png"/>
    </div>
    <div id="left" class="slide-show">
        <img class="" src="_recursos/imagens/topo-1.jpg"/>
        <img class="" src="_recursos/imagens/topo-2.jpg"/>
        <img class="" src="_recursos/imagens/topo-3.jpg"/>
        <img class="" src="_recursos/imagens/topo-4.jpg"/>
        <img class="" src="_recursos/imagens/topo-5.jpg"/>
    </div>
    <div class="base">
        <div class="espacamento"></div>
        <div class="conteudo">
            <div class="base-menu">
                <div class="menu">
                    <div class="menu-item" onclick="redirecionar('index.php')">
                        <span><span class="img"></span>Início</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('pescaria.php')">
                        <span><span class="img"></span>Pescaria</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('aulas_praticas.php')">
                        <span><span class="img"></span>Aulas Práticas</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('cursos.php')">
                        <span><span class="img"></span>Cursos</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('garagens.php')">
                        <span><span class="img"></span>Garagens Náuticas</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('eventos.php')">
                        <span><span class="img"></span>Eventos</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('produtos.php')">
                        <span><span class="img"></span>Embarcações a Venda</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('fotos_videos.php')">
                        <span><span class="img"></span>Fotos e Vídeos</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('quem_somos.php')">
                        <span><span class="img"></span>Quem Somos</span>
                    </div>
                    <div class="menu-item" onclick="redirecionar('contatos.php')">
                        <span><span class="img"></span>Contatos</span>
                    </div>
                </div>
            </div>
            <div class="base-conteudo">
                <table class="index" style="width: 100%;">
                    <tr>
                        <td style="vertical-align: top">
                            <h3><img src="_recursos/imagens/bussola.png" style="vertical-align: middle; margin-right: 5px;"/>Próximos Acontecimentos</h3>
                            <span>* ponha o mouse em cima da linha para ver a descrição do evento</span>
                            <br/><br/>
                            <table class="dados" style="width: 100%;">
                                <tbody>
                                    <?php
                                    $evento = new Evento();
                                    $evento->selecionarTudoParaEvento();
                                    ?>
                                </tbody>
                            </table>
                        </td>
                        <td style="width: 200px; vertical-align: top">
                            <h3><img src="_recursos/imagens/bussola.png" style="vertical-align: middle; margin-right: 5px;"/>Previsão do Tempo</h3>
                            <iframe allowtransparency="true" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://www.cptec.inpe.br/widget/widget.php?p=2557&w=h&c=1663BF&f=ffffff" height="200px" width="215px"></iframe><noscript>Previs&atilde;o de <a href="http://www.cptec.inpe.br/cidades/tempo/2557">Itanhaém/SP</a> oferecido por <a href="http://www.cptec.inpe.br">CPTEC/INPE</a></noscript>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="2" style="vertical-align: top">
                            <h3><img src="_recursos/imagens/bussola.png" style="vertical-align: middle; margin-right: 5px;"/>Produtos</h3>
                            <?php
                            $p = new Produto();
                            $p->selecionarParaIndex();
                            ?>
                        </td>
<!--                            <td style="width: 215px">
                            <h3><img src="_recursos/imagens/bussola.png" style="vertical-align: middle; margin-right: 5px;"/>Tábua das Marés</h3>
                            <img style="width: 209px; height: 195px" id="mare" src='http://www7.cptec.inpe.br/seloweb/CreateImgOndasOneDay24h?cidade=2557&op=1&lang=pt' NAME='theimg' border='0' usemap='#Map' />
                            <map name="Map" id="Map" >
                                <area shape="rect" coords="12,209,65,143" onclick="document.getElementById('mare').src='http://www7.cptec.inpe.br/seloweb/CreateImgOndasOneDay24h?cidade=2557&op=1&lang=pt'"/>
                                <area shape="rect" coords="66,209,130,143" onclick="document.getElementById('mare').src='http://www7.cptec.inpe.br/seloweb/CreateImgOndasOneDay48h?cidade=2557&op=1&lang=pt'"/>
                                                                <area shape="rect" coords="131,209,295,143" onclick="document.getElementById('mare').src='http://www7.cptec.inpe.br/seloweb/CreateImgOndasOneDay72h?cidade=2557&op=1&lang=pt'"/>
                            </map>                                
                        </td>-->
                    </tr>
                    <tr>
                        <td style="width: 215px; vertical-align: top">
                            <h3><img src="_recursos/imagens/bussola.png" style="vertical-align: middle; margin-right: 5px;"/>Ondulação</h3>
                            <img style="width: 209px; height: 195px" id="mare" src='http://www7.cptec.inpe.br/seloweb/CreateImgOndasOneDay24h?cidade=2557&op=1&lang=pt' NAME='theimg' border='0' usemap='#Map' />
                            <map name="Map" id="Map" >
                                <area shape="rect" coords="12,209,65,143" onclick="document.getElementById('mare').src = 'http://www7.cptec.inpe.br/seloweb/CreateImgOndasOneDay24h?cidade=2557&op=1&lang=pt'"/>
                                <area shape="rect" coords="66,209,130,143" onclick="document.getElementById('mare').src = 'http://www7.cptec.inpe.br/seloweb/CreateImgOndasOneDay48h?cidade=2557&op=1&lang=pt'"/>
                                <!--                                <area shape="rect" coords="131,209,295,143" onclick="document.getElementById('mare').src='http://www7.cptec.inpe.br/seloweb/CreateImgOndasOneDay72h?cidade=2557&op=1&lang=pt'"/>-->
                            </map>                                
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="rodape">
        <div class="conteudo">
            <div style="width: 37%" class="item">
                <h3>Participe</h3>
                <span>
                    Inscreva-se em nossas redes sociais e acompanhe nossas novidades.
                </span>
            </div>
            <div style="width: 32%" class="item">
                <h3>Compartilhe</h3>
                <span>
                    Gostou de nosso site? Compartilhe com seus amigos nas redes sociais!
                </span>
            </div>
            <div  style="width: 21%" class="item">
                <h3>Contatos</h3>
                <span>(13) 3422-1345</span>
                <span>(13) 7813-8419 </span>
                <span>ID 120*25015 </span>
                <span>contato@marinasaopedro.com.br</span>
            </div>
        </div>
    </div>
</body>
</html>
